<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta
      name="author"
      content="Mark Otto, Jacob Thornton, and Bootstrap contributors"
    />
    <meta name="generator" content="Hugo 0.79.0" />
    <title>Album example · Bootstrap v5.0</title>

    <link
      rel="canonical"
      href="https://getbootstrap.com/docs/5.0/examples/album/"
    />

    <!-- Bootstrap core CSS -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
      crossorigin="anonymous"
    />
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-3">
          <div class="jumbotron">
            <h2>Hello, world!</h2>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
              eget mi odio. Praesent a neque sed purus sodales interdum. In
              augue sapien, molestie id lacus eleifend, mattis tempus felis. Ut
              sed ultrices lorem. Morbi eget gravida odio. Nulla maximus, nibh
              ut mattis scelerisque, lectus magna dignissim ligula, eget gravida
              enim.
            </p>
            <p>
              <a class="btn btn-primary btn-large" href="#">Learn more</a>
            </p>
          </div>
        </div>
        <div class="col-md-6">
          <h2>Heading</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
            eget mi odio. Praesent a neque sed purus sodales interdum. In augue
            sapien, molestie id lacus eleifend, mattis tempus felis. Ut sed
            ultrices lorem. Morbi eget gravida odio. Nulla maximus, nibh ut
            mattis scelerisque, lectus magna dignissim ligula, eget gravida
            enim.
          </p>
          <p>
            <a class="btn" href="#">View details</a>
          </p>
        </div>
        <div class="col-md-3">
          <button type="button" class="btn btn-primary btn-lg btn-block active">
            Button
          </button>
        </div>
      </div>
    </div>

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
